<script setup>
    import  Header from '@/components/Header.vue'
    import  Aside from '@/components/Aside.vue'
</script>
<template>
    <div class="common-layout">
        <el-container>
            <el-header>
                <!-- 引入Header头部的组件 -->
                <Header></Header>
            </el-header>
            <el-container>
                <el-aside width="180px">
                    <!-- 侧边栏组件 -->
                     <Aside></Aside>
                </el-aside>
                <el-main >
                    <!-- 主体区域:路由匹配组件 -->
                    <RouterView></RouterView>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<style scoped></style>
